/*
	@author Gavrilyak Myroslav (kl65us)
	@description CHNU, Lab work 1
*/

body {
	margin: 0 auto;
	font-family: sans-serif, Verdana, Tahoma;
}

#wrapper {
	width: 900px;
	height: auto;
	margin: 0 auto;
}

#header {
	width: inherit;
	height: auto;
	display: block;
	float: left;
}

#logo {
	display: block;
	float: left;	
	width: 500px;
}

#logo > img {
	width: 500px;
	height: 400px;
}

#free_space_logo {
	width: 400px;
	display: block;
	float: left;
	height: 400px;
}

#free_space_logo > #social_icons img {
	display: block;
	float: right;
	margin: 0px;
	padding: 0px;
	width: 40px;
	height: 40px;
}

#animals {
	width: 400px;
	height: inherit;
}

#animals > img {
	display: block;
	float: left;
	height: 300px;
	width: inherit;
}

#content { 
	display: block;
	float: left;	
	width: inherit;
}

#menu {
	display: block;
	float: left;
	margin: 0;
	padding: 0;
}

ul li {
	list-style-type: none;
}

#menu > .page_list ul li {
	width: 300px;
	font-size: 16pt;
	padding: 3px;
	margin-bottom: 0px;
	border: 1px solid #080808;
}

/*#menu ul li[class~="colored"] {
	background: #ccc;
}*/

/*ul li[class="colored"] {
	background: #ccc;
}*/
	
.page_list ul li:nth-child(2n+1) {
	background: #ccc;
}

/*#menu > .page_list ul li:hover {
	background: #696969;
}*/

ul li:link,
ul li:visited,
ul li:hover,
ul li:active {
	background: white; 
	color: inherit;
	text-decoration: none;
}

.page_list ul li:hover {
	background: #696969;
}

#search {
	display: block;
	float: left;
}

#search > input[type="text"], #search > form {
	margin-left: 40px;
}

input[type="text"]{
	border-radius: 20px;
	border: 3px solid black;
	width: 150px;	
	height: 25px;
	font-size: 15pt;
	color: #696969;
	padding-left: 35px;
	background: url(../images/search.png) no-repeat 10px center;
}

#search input[type="button"], #dbclick_btn {
	font-size: 16pt;
	background: white;
	width: 95px;
	height: 35px;
	border-radius: 20px;
	border: 3px solid black;
}

#search input[type="button"]:hover, 
#dbclick_btn:hover { 
	background: #ccc;
}

#right_text {
	display: block;
	float: left;
	margin-top: 2px;
	margin-left: 15px;
	width: 500px;
}

/* For second lab work */

.gb {
	background: black !important;
}

.change_color:link,
.change_color:visited,
.change_color:hover,
.change_color:active{
	color: red !important;
}


